const progress = document.getElementById("progress");

function progressStart() {
  let count = 0;
  let timer


  // 函数自己调用自己 =》 【递归】  
  // ⚠️：一定要有结束条件，不然就是死循环
  /*  function fn1() {
     setTimeout(() => {
       if (count >= 100) {
         return
       }
       count++
       // 数字+
       progress.innerHTML = count + '%'
       // width+
       progress.style.width = count + '%'
 
       fn1()
     }, 10);
   }
   fn1() */


  // 用setTimeout实现setInterval
  // function mySetInterval(callback, timeout, times) {
  //   setTimeout(() => {
  //     if (times <= 0) { return }
  //     callback()
  //     mySetInterval(callback, timeout, --times)
  //   }, timeout);
  // }
  // mySetInterval(go, 10, 100)


  // function go() {
  //   count++
  //   // 数字+
  //   progress.innerHTML = count + '%'
  //   // width+
  //   progress.style.width = count + '%'
  // }

  function fn2() {
    count++
    // 数字+
    progress.innerHTML = count + '%'
    // width+
    progress.style.width = count + '%'

    if (count < 100) {
      requestAnimationFrame(fn2)
    }
  }
  fn2()
}
